<template>
  <div class="main">
    <div>
      <template>
        <ShowBox :title="showTitle"></ShowBox>
      </template>
      <template>
        <SearchInput :placeText="placeText" ></SearchInput>
      </template>
      <template>
        <CovidCard></CovidCard>
      </template>
      <template>
        <Service :navList="list"></Service>
      </template>
    </div>
    <MainTarBar />
  </div>
</template>


<script>
import CovidCard from "../components/CovidCard.vue";
import Service from "../components/Service.vue";
import SearchInput from '../components/SearchInput.vue'
import ShowBox from '../components/ShowBox.vue'
import MainTarBar from '../components/content/maintarbar/MainTarBar.vue'


export default {
  name: "Community",
  components: {
    Service,
    CovidCard,
    SearchInput,
    ShowBox,
    MainTarBar

  },
  data() {
    return {
      list: [
        // {
        //   title: "首页",
        //   name: "home",
        //   list: [],
        // },
        {
          title: "家庭服务",
          name: "BusinessIntroduction",
          icon: "el-icon-s-home",
          list: [
            {
              title: "垃圾费缴纳",
              name: "BusinessIntroduction",
              address:"/community/garbage",
            },
            {
              title: "邻里互助",
              name: "BusinessIntroduction",
              address:"/community/NeighbourhoodHelp",
            },
          ],
        },
        {
          title: "新闻资讯",
          name: "News",
          icon: "el-icon-s-promotion",
          list: [
            {
              title: "公告通知",
              name: "BusinessIntroduction",
              address:"/community/notice"
            },
            {
              title: "社区新闻",
              name: "BusinessIntroduction",
              address:"/community/news"
            },
          ],
        },
        {
          title: "体育活动",
          name: "Sport",
          icon: "el-icon-trophy",
          list: [
            {
              title: "赛事安排",
              name: "BusinessIntroduction",
              address:"/community/sport/schedule",
            },
            {
              title: "运动课程",
              name: "BusinessIntroduction",
              address:"/community/sport/lessons",
            },
            {
              title: "常见问题",
              name: "BusinessIntroduction",
              address:"/community/sport/problems",
            },
          ],
        },
      ],
      showTitle:'社区服务',
      placeText:'垃圾费缴纳'
    };
  },
  props: {},
  methods: {

    
  },
  mounted() {
    // console.log("mounted")
    // axios.get("http://111.231.75.86:8000/api/cities/CHN/珠海").then((res) => {
    //   console.log("ss");
    //   console.log(res);
    //   this.covidList = res;
    // });
  },
};
</script>
<style lang="sass">
body
  background-color: #F6F7F7
  display: flex
  justify-content: center
  align-items: center
.main
  display: flex
  justify-content: center
  align-items: center
</style>
